@charset "utf-8";
/* CSS Document */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {color:#333;font-size:12px; font-family: "SourceHanSansCN", "微软雅黑";position: relative; overflow-x: hidden;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {/*font-weight:normal;*/font-size:100%; }
address, caption, cite, code, dfn, em, th, var{ font-style:normal;font-weight:normal;}
a{color:#333;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none; color: #104f0a;}
/* a{blr:expression(this.onFocus=this.blur())} */
*:focus{outline:0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block; font-style: normal;}
input, textarea, select, button {font-size:14px;;outline:none; font-family:"微软雅黑";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { 
    color:    #999;
}
input:-moz-placeholder,textarea:-moz-placeholder {
   color:    #999;listpage
}
input::-moz-placeholder,textarea::-moz-placeholder { 
   color:    #999;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { 
   color:    #999;
}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
.max_width{ width: 100%; }
.min_width{ width: 1200px; margin: 0 auto;}
.left{ float: left;}
.right{ float: right;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden; }
.clearfix {*zoom:1;}
.clear{clear:both;}
/*pccss reset 结束*/
.header{ width: 100%;
    height: 90px;
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    z-index: 300;
    background: #fff;}
.header .logo{      margin-top: 15px;    width: 156px;    height: 53px;    float: left;}
.nav{     width: 100%;
    margin: 0 auto;

    background: #000;}
.nav li{float: left;
    height: 60px;
    font-size: 14px;
    text-align: center;
}
.nav li a{ display: block; width: 100px;  line-height: 60px; color: #ffffff}
 .nav li.on a, .nav li:hover a{ font-weight: bold;color: #ffffff;background: #c40000; } 
.topR{ width:236px;
    height: 90px;
    float: right;}
.topR>div{ float: left;}
.topR .phone{ margin-top: 34px; font-size: 14px; color: #999;} 
.topR .phone strong{ 
	font-size: 18px;
	font-family: Impact;
	line-height: 1;
	color: #dd0000;}
.header .nav span{display: block; width: 90px; height: 3px; background: #1356a4; position: absolute; left: 0; bottom: 0;}
.searchdiv span{ display: block; width: 45px; height: 90px;background-color: #0142b3;  background-image: url(../images/searchIco1.png); background-repeat: no-repeat; background-position: center; }
.searchdiv span:hover{ display: block; width: 45px; height: 90px;background-color: #1356a4;}
.wxIco span{display: block; width: 45px; height: 90px; background-image: url(../images/wx_ico1.png); background-repeat: no-repeat; background-position: center;}
.wxIco span:hover{ display: block; width: 45px; height: 90px; background-color: #eee; }
.topR>div span{ transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.search{width: 300px;height: 38px;background: rgba(0,0,0,.3);position: absolute;right: 245px; opacity: 0;  /* margin-left: 450px; */top: 90px;z-index: 4;overflow: hidden;background-color: #fff;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.search input[type="text"]{float: left;width: 210px;height: 38px;border: 0 none;padding: 8px 10px;line-height: 38px;border: 1px solid #c40000;border-right: 0 none;background: 0 none;}



.search .submit{float: left;border: 0 none;background-color: #f00;color: #fff;width: 69px;height: 38px;line-height: 38px;cursor: pointer;}
.search .submit:hover{background-color: #f00;}
.search.on{opacity: 1;}
.wxIco{ position: relative;}
.wxIco em{display: block;position: absolute;right: 120px;top: 90px;right: 0;width: 161px; display: none;}
.wxIco em{ width: 161px; height: 160px;}
.wxIco:hover em{ display: block;}

.banner{ width: 100%;overflow: hidden; position: relative; height: 500px;}
.banPic li,.banPic{ width: 100% ; height: 500px;}
.banPic ul{ width: 100%;}
.picNum{ position: absolute;width: 100%; left: 0; bottom: 40px; text-align: center;}
.picNum li{ display: inline-block; width: 80px; height: 4px; background: #fff; font-size: 0; margin: 0 8px;}
.picNum li.on{ background: #0944a3;}
.prevBtn,.nextBtn{ width: 81px; height:81px; display: block; position: absolute; top: 50%; margin-top: -34.5px; z-index: 20; transition: all 0.7s;-webkit-transition: all 0.7s;-moz-transition: 0.7s;}
.prevBtn{ background: url(../images/left_ico2.png) no-repeat; left: -200px;}
.nextBtn{ background: url(../images/right_ico2.png) no-repeat; right: -200px;}
.nextBtn:hover{background: url(../images/right_ico1.png) no-repeat; background-size: cover;}
.prevBtn:hover{background: url(../images/left_ico1.png) no-repeat;background-size: cover}
.banner:hover .prevBtn{ left: 50px;}
.banner:hover .nextBtn{ right:50px;}
.indexDiv1{ padding: 95px 0 60px; width: 100%; background: url(../images/indexBg1.jpg) no-repeat; background-size: cover;}
.div1left,.div1left .indexVideo{ width: 601px; height: 302px;}
.indexVideo .video-js .vjs-big-play-button{ background: url(../images/videoBtn.png); width: 601px ; height: 312px; margin: 0; top: 0 !important;left: 0 !important;  }
.video-js .vjs-big-play-button::before{ display: none !important;}
.div1right { width: 545px;}
.div1right h2{ color: #f00; font-size: 38px; font-weight: normal;}
.div1right h2 span{ font-size: 14px; color: #666; margin-left: 5px;}
.div1right font{ display: block; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.div1right p{ color: #999; font-size: 14px; margin-top: 35px; line-height: 180%; min-height: 160px;}
.div1right a{ display: block; width: 185px; height: 40px; background: #fff; font-size: 14px; line-height: 40px; text-align: center; margin-top: 11px;box-shadow:0 5px 5px rgba(204,204,204,0.2); transition: all 0.6s;}
.div1right a i{ display: inline-block; width: 22px; height: 40px; vertical-align: middle; background: url(../images/more_ico1.png) no-repeat center; margin-left: 45px; transition: all 0.4s;}
.div1right a:hover i{ margin-left: 10px;background: url(../images/more_ico2.png) no-repeat center; }
.div1right a:hover{ background: #c40000; color: #fff;}
.indexDiv2 { padding: 64px 0 70px;}
.title{ color: #000; font-size: 36px; text-align: center;}
.title span{ display: block; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
p.intro{ width: 785px; color: #999; font-size: 14px; margin: 20px auto 0; text-align: center; line-height: 160%;}
.scopescroll{ width: 1266px; margin: 30px auto 0; position: relative;}
.indexDiv2 ul{ width: 100%; height: 295px;}
.indexDiv2 ul li{ position: relative; width: 230px; height: 208px; padding-top:55px; margin:10px;  float: left; background: #fff; text-align: center;box-shadow:0  0 5px 3px rgba(204,204,204,0.4); transition: all 0.45s;-webkit-transition: all 0.45s;}
.indexDiv2 ul li .bg{ position: absolute; top: 0;left: 0; opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s; width: 100%;}
.indexDiv2 ul li .bg img{ width: 100%;}
.indexDiv2 ul li span{ display: block; width: 52px; height: 52px; margin: 0 auto;  position: relative;}
.indexDiv2 ul li font{ display: block; width: 140px; margin: 0 auto;position: relative;}
.indexDiv2 ul li .font1{ color: #333; font-size: 18px; margin: 10px auto 15px;}
.indexDiv2 ul li .font2{ font-size: 14px; color: #999; padding-bottom: 20px; position: relative;}
.indexDiv2 ul li .font2::after{ content: ''; width: 40px; height:2px; background: #f0f0f1; position: absolute;bottom: 0;left: 50%; margin-left: -20px;}
.indexDiv2 ul li i{ width: 130px; height: 30px; border-radius: 15px; background: #fff; font-size: 14px; color: #033694; position: absolute; left: 50%; margin-left: -65px; line-height: 30px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.indexDiv2 ul li:hover .bg,.indexDiv2 ul li:hover i{  filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1;}
.indexDiv2 ul li:hover .bg,.indexDiv2 ul li:hover i{  filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1;}
.indexDiv2 ul li.li1 span{ background: url(../images/scope_ico1.png) no-repeat;}
.indexDiv2 ul li.li1:hover span{background: url(../images/scope_ico1_on.png) no-repeat;}
.indexDiv2 ul li.li2 span{ background: url(../images/scope_ico2.png) no-repeat;}
.indexDiv2 ul li.li2:hover span{background: url(../images/scope_ico2_on.png) no-repeat;}
.indexDiv2 ul li.li3 span{ background: url(../images/scope_ico3.png) no-repeat;}
.indexDiv2 ul li.li3:hover span{background: url(../images/scope_ico3_on.png) no-repeat;}
.indexDiv2 ul li.li4 span{ background: url(../images/scope_ico4.png) no-repeat;}
.indexDiv2 ul li.li4:hover span{background: url(../images/scope_ico4_on.png) no-repeat;}
.indexDiv2 ul li.li5 span{ background: url(../images/scope_ico5.png) no-repeat;}
.indexDiv2 ul li.li5:hover span{background: url(../images/scope_ico5_on.png) no-repeat;}
.indexDiv2 ul li.li6 span{ background: url(../images/scope_ico6.png) no-repeat;}
.indexDiv2 ul li.li6:hover span{background: url(../images/scope_ico6_on.png) no-repeat;}
.indexDiv2 ul li.li7 span{ background: url(../images/scope_ico7.png) no-repeat;}
.indexDiv2 ul li.li7:hover span{background: url(../images/scope_ico7_on.png) no-repeat;}
.indexDiv2 ul li:hover span,.indexDiv2 ul li:hover font{ color: #fff;}
.indexDiv2 ul li:hover font.font2::after{ display: none;}
.indexDiv2 ul li:hover{ padding-top: 38px;}
.scopescroll a.prev1,.scopescroll a.next1{ display: block; position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; z-index: 10;}
.scopescroll a.prev1{ left:-20px;background: url(../images/left_ico4.png) no-repeat center center;}
.scopescroll a.next1{background: url(../images/right_ico4.png) no-repeat center center; right: -20px;}
.scopescroll a.prev1:hover,.scopescroll a.next1:hover{ opacity: 0.8;}

.indexDiv3{ width: 100%; background: url(../images/indexBg2.jpg) no-repeat; background-size: cover; padding: 75px 0 55px;}
.indexDiv3 .title,.indexDiv3 p.intro{ color: #fff;}
.poster-main{ position:relative;width:1200;height:330;  margin: 35px auto 0;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:1200px;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
.poster-main .poster-btn{ position:absolute;top:50%; margin-top:-25px;width: 50px !important; height: 50px !important; z-index:10; cursor:pointer;  }
.poster-main .poster-prev-btn{left:-70px; background: url(../images/left_ico3.png) no-repeat center center; }
.poster-main .poster-next-btn{right:-70px; background: url(../images/right_ico3.png) no-repeat center center;}
.poster-main .poster-prev-btn:hover{background: url(../images/left_ico4.png) no-repeat center center; }
.poster-main .poster-next-btn:hover{ background: url(../images/right_ico4.png) no-repeat center center;}
.poster-main a{ position: relative;}
.poster-main a span{ border: #fff 8px solid; width: 100%; height: 100%; position: absolute;left: 0; top: 0;  box-sizing: border-box;    background: rgba(0,0,0,0.3);}
.poster-main a  p{ font-size: 22px; text-align: center; width: 90%; position: absolute; bottom: 35px; left: 5%;color: #fff;}
.seeMore{ width: 170px;height: 40px; background: #c40000; line-height: 40px; font-size: 14px; display: block; margin: 35px auto 0; color: #fff; text-align: center;}
.seeMore img{ vertical-align: middle; margin-left: 15px; position: relative; top: -1px; transition: all 0.5s;}
.seeMore:hover{ color: #fff;}
.seeMore:hover img{ margin-left: 25px;}
.indexDiv4{ width: 1200px; margin: 75px auto 85px;}
.index4Left{ width: 180px; }
.index4Left .title{ text-align: left;}
.newMenu{ margin-top: 30px;}
.newMenu li{ width: 180px; height: 45px;font-size: 16px; line-height: 45px; text-indent: 40px; margin-bottom: 10px; cursor: pointer;}
.newMenu li.on{ background: #c40000; color: #fff; }
.btnDiv{ padding-top: 20px; font-size: 0;}
.btnDiv a{ display: inline-block; width: 75px; height: 48px; text-align: center; background: #eee; transition: all 0.5s;}
.btnDiv a i{ width: 9px; height: 16px; display: inline-block; vertical-align: middle; position: relative; top: 50%; margin-top:-8px;}
.btnDiv a.prev i{ background: url(../images/left_ico5.png) no-repeat;}
.btnDiv a.next i{ background: url(../images/right_ico6.png) no-repeat;}
/* .btnDiv a.prev:hover i{ background: url(../images/left_ico6.png) no-repeat;} */
/* .btnDiv a.next:hover i{} */
/* .btnDiv a:hover{ background: #fe9e06;} */
.btnDiv a.next{background: #c40000; }
.indexNew li{ width: 289px; float: left; margin-left: 40px;}
.indexNew li .p1{font-size: 26px; color: #333; font-weight: bold; position: relative; line-height: 180%; font-family: Arial, Helvetica, sans-serif;}
.indexNew li .p1 i{ position: absolute; right: 0; top: 0; font-size: 16px; color: #999;}
.indexNew li .p2{ font-size: 16px; min-height: 42px;}
.indexNew li .p3,.indexNew li .p3 img{ width: 289px; height: 166px;}
.indexNew li .p3{ margin: 10px 0 15px;}
.indexNew li .p4{ color: #666; font-size: 14px;}
.indexNew li font{ display: block; width: 128px; height: 40px; font-size: 14px; color: #999; background: #f8f8f8; text-align: center; line-height: 40px; transition: all 0.3s; margin-top: 20px;}
.indexNew li font img{ display: none;}
.indexNew li:hover font img{ display: inline-block; margin-left: 20px;}
.indexNew li:hover font{ background: #c40000; color: #fff; width: 170px;}
.indexNew li:hover .p1,.indexNew li:hover .p2{ color: #c40000;}
.index5Right,.index5Right>div{ width: 987px;}
.indexDiv5{ padding: 35px 0 50px; background: #f4f4f4; width: 100%;}
.indexDiv5 li{position: relative; padding-left: 103px; float: left; font-size: 22px; }
.indexDiv5 li .img1{ width: 103px; height: 103px; position: absolute; left: 0; top: 0;}
.indexDiv5 li .img2{ display: block; margin-top: 5px;}
.indexDiv5 li  p{ margin-top: 15px;}
.indexDiv5 li.li2{ margin-left: 75px; margin-right: 70px;}
.indexDiv5 li.li3{ margin-right: 60px;}
.foot1 .left{  width: 690px; /*background: url(../images/line.png) no-repeat right top;*/}
.foot1 { padding: 55px 0 20px; background: #fbfbfb;}
.footNav{ float: left; margin-right: 33px; margin-left: -10px; }
.footNav p{ padding-left: 20px; font-size: 16px; color: #333; position: relative; margin-bottom: 15px;}
.footNav p::after{ content: ''; width: 10px; height: 1px; background: #f00; position: absolute;left: 0; top: 50%;}
.footNav a{ display: block; color: #999; font-size: 14px; margin-left: 20px; margin-bottom: 10px;}
.foot1 .right{ width: 485px;    margin-right: -20px;}
.footEwm{ float: left; font-size: 14px; color: #666; width: 161px; text-align: center;}
.footPhone{ float: right; margin-left: 30px;}
.footPhone p{position: relative; padding-left: 40px; font-size: 14px; margin-bottom: 22px;}
.footPhone p .ico{ position: absolute; left: 0; top: 50%; margin-top: -15px;}
.footPhone p img{ display: block;}
.footPhone p font{ margin-bottom: 10px; display: block; font-size: 16px; font-weight: bold;}
.share{ font-size: 14px; color:#666;}
.share .bdsharebuttonbox{ display: inline-block; vertical-align: middle;}
.share a{ width: 31px; height: 31px; display: inline-block; vertical-align: middle; margin-right: 10px;}
/* .share .bdsharebuttonbox .bds_weixin{ background-image: url(../images/share_ico1.png); background-position: 0;} */
.share a.qq{ background-image: url(../images/share_ico2.png);}
.share a.wb{ background-image: url(../images/share_ico3.png); }
/* .share .bdsharebuttonbox .bds_douban{ background-image: url(../images/share_ico4.png); background-position: 0;}
.share .bdsharebuttonbox .bds_tqf{ background-image: url(../images/share_ico5.png); background-position: 0;} */
.foot2{ height: 60px; background: #000; font-size: 14px; overflow: hidden;}
.foot2 p{ line-height: 60px; color: #999;}
.foot2 a{ color: #999;}
.foot2 p img{ vertical-align: middle;margin-left: 10px;}
.sibar{ position: fixed; bottom: 100px;right: 0; display: none; z-index: 200;}

.insideBan{ width: 100%; overflow: hidden; height: 300px; position: relative;}
.insideBan img{ position: absolute;left: 0; top: 0;}
#navbg{width: 100%; height: 55px; box-shadow: 0 12px 20px rgba(79,78,78,0.08);}
#navbg ul{width: 1200px; height: 100%; margin:0px auto;}
#navbg ul .left{height: 100%; }
#navbg ul .left a{ display: block; line-height: 55px; width: 125px; font-size: 14px; color: #333; transition: all 0.5s; float: left; text-align: center;}
#navbg ul .left a.on,#navbg ul .left a:hover{ background: #c40000; color: #fff; font-weight: bold;}
#navbg ul .left span:hover .bottomLine{width: 100%; left: 0;}
#navbg ul .left span .line{width:1px; height:12px; background: #b5b5b5; left: auto; top: 22px; right: -20px;}
#navbg ul .left .hide .line{display: none;}
#navbg ul .right{float: right; margin-top: 20px; font-size: 14px;color: #999999;}
#navbg ul .right img{ vertical-align: middle; position: relative; top: -3px;}
#navbg ul .right span,#navbg ul .right a{ color: #999999; line-height: 100%; }
#navbg ul .right a:hover{ color: #c40000;}
.history{ width: 1200px; margin:70px auto 48px;}
.history h1{ font-size: 30px; font-weight: bold; color: #c40000; margin-bottom: 15px;}
.history p{ color: #333; font-size: 14px; line-height: 180%;}
.srcollHd li{ float: left; font-size: 20px; color: #333; margin-right: 67px; width: 70px; text-align: center;}
.historyScroll{ margin-top: 70px; position: relative;}
.historyScroll::after{content: '';background: url(../images/bg1.png) no-repeat;width: 1073px;height: 215px;left: 53px;/* margin-left: -536.5px; */top: 52px;position: absolute;}
.srcollHd{ position: relative;z-index:10;}
.srcollHd li span{ display: block; background: url(../images/ico5.png) no-repeat; width: 41px; height: 43px;position: relative; margin: 8px auto 0;}
.srcollHd li.on{ color: #c40000;  font-weight: bold;}
.srcollHd li.on span{background: url(../images/ico6.png) no-repeat;}
.srcollHd::before{ content: ''; width: 100%; height: 1px; border-bottom: #dcdcdc 1px dashed; position: absolute;left: 0; top: 53px;}
.srcollBd { margin-top: 100px; text-align: center;}
.srcollBd font{ color: #c40000; font-size: 36px; text-align: center;}
.srcollBd p{ color: #666; margin-top: 10px;}
.srcollBd>div{ display: none;}
.btnDiv1{ width: 733px; margin: 0 auto; position: relative;}
.btnDiv1 a{ display: block; width: 11px; height: 18px;}
.btnDiv1 a.prev{ background: url(../images/prev_ico.png) no-repeat; float: left;}
.btnDiv1 a.next{ background: url(../images/next_ico.png) no-repeat; float: right;}
.btnDiv1::before{ content: ''; width:668px; height: 1px; background: #eee; position: absolute; left: 50%; margin-left: -334px; top: 29px;}
.btnDiv1 a.prev:hover{background: url(../images/prev_ico_on.png) no-repeat; }
.btnDiv1 a.next:hover{background: url(../images/next_ico_on.png) no-repeat; }
.srcollHd::after{ content: ''; width:83px; height: 88px; background: url(../images/ico7.png) no-repeat; position: absolute; right: 0; top: -6px; }
.project{ width: 1200px; margin: 58px auto 55px;}
.project li{ width: 380px; height: 290px; overflow: hidden; position: relative; border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px; float: left;margin-right: 30px; margin-bottom: 28px;}
.project .pic {
    width: 100%;
}
.project li p.txt{ background: #f6f6f6; height: 68px; line-height: 68px; text-align: center; color: #333; font-size: 18px; position: absolute;left: 0; bottom: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s;}
.project li a{ display: block; width: 100%; height: 100%; color: #fff;}
.project li a>div{background: rgba(1,73,157,0.8); position: absolute; width: 100%; text-align: center; top: -362px; left: 0; padding: 113px 0; transition: all 0.6s;}
.project li a>div font{ display: block; font-size: 18px; margin: 15px auto; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.project li a>div span{ display: block; width: 117px; height: 31px; line-height: 31px; text-align: center; border: #fff 1px solid; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 auto;}
.project li:hover p.txt{ bottom: -68px;}
.project li:hover a>div{ top: 0;}
.marginR0{ margin-right: 0 !important;}
.page{ text-align: center; margin-top: 12px;}
.page a{ border:#e5e5e5 1px solid; width: 50px; height: 33px; line-height: 33px; text-align: center; font-size: 14px; color: #666; display: inline-block; margin: 0 3px; background: #fff;}
.page a.pagePrev,.page a.pageNext{ width: 63px;}
.page a:hover,.page a.on{ background: #c40000; color: #fff; border-color: #c40000;}

.projectdetail{ padding-top: 60px; margin-bottom: 100px;}
.detail_name{ color: #333; font-size: 32px; text-align: center; border-bottom: #e4e4e4 1px solid; line-height: 150%;}
.detail_name h1{ font-weight: normal;}
.detail_name p{ color: #939393; font-size: 14px;  margin-top:10px;}
.detail_name p span{margin: 0 5px;}
.detail_txt{ text-align: center; margin-top: 30px;}
.detail_txt img{ margin-bottom:20px;}
.detail_txt p{ line-height: 180%; color: #868686; font-size: 14px; margin-bottom: 20px; text-align: left;}
.detail_txt p strong{ font-weight: bold; font-size: 16px; color: #333;}
.detail_page{ margin-top: 45px; border: #e5e5e5 1px solid;}
.detail_page p{ cursor: pointer; width: 500px; padding: 0 20px;  float: left; color: #333; font-weight: bold; font-size: 14px; display: block; height: 63px; line-height: 63px;}
.detail_page p img{ margin-right: 10px; position: relative; top: 1px;}
.detail_page p img.img2,.detail_page p:hover img.img1{ display: none;}
.detail_page p:hover img.img2{ display: inline-block;}
.detail_page p a{color: #666; font-weight: normal; }
.detail_page p:hover{ color: #c40000;}
.detail_page p:hover a{ color: #c40000;}
.detail_page p.returnList{ width: 118px; height: 63px; line-height: 63px; color: #fff; background: #f7f7f7;  text-align: center; font-size: 14px; padding: 0; }
.detail_page p.returnList a{ color: #c40000;}
.detail_page p.returnList a img{ vertical-align: middle; position: relative; top:-1px;}
.detail_page .pagenext{ text-align: right;}

.About{ width: 1200px; margin: 75px auto 80px; position: relative;}
.aboutTXt1{ width: 740px;}
.aboutTXt1 img{ width: 733px; height: 81px; margin-bottom: 60px;}
.aboutTXt1 p{ margin-bottom: 40px; font-size: 14px; color: #868686; line-height: 200%;}
.aboutVideo{ width: 394px; height: 322px; position: absolute; right: 0;top:0;}
.aboutVideo img{ position: absolute; right: 20px; top: 0;}
.videolist{ width: 394px; height: 227px; position: relative; margin-top: 60px;}
.videolist .video-js .vjs-big-play-button{ background: url(../images/video_btn.png) no-repeat; background-size: 100%; width: 70px ; height: 70px;  top: 50% !important;left: 50% !important; margin-top: -35px; margin-left: -35px;  }
.aboutNum{ padding: 35px 0; background: #f9f9f9;font-size: 14px; color: #333; text-align: center;margin-top: 20px;}
.aboutNum .p1{ color: #0944a3; font-size: 14px;}
.aboutNum .p1 span{ font-size: 70px; font-family: Arial, Helvetica, sans-serif;}
.aboutNum>div{display: inline-block;}
.aboutTXt2 p strong{ color: #333; font-size: 14px; font-weight: bold;}
.aboutTXt2 p { font-size: 14px; color: #868686; line-height: 180%; margin-top: 35px;}

.techCenter{ margin: 60px auto;}
.techCenter .list,.centerdetail{ width: 830px;}
.techCenter .list li{ margin-bottom: 50px;}
.techCenter .list li a{ display: block; padding-left: 90px; position: relative;}
.techCenter .list li font{ display: block; width: 69px; height: 71px; text-align: center; padding-top: 4px; box-sizing: border-box; border: #e5e5e5 1px solid; position: absolute;left: 0; top: 0; color: #666; font-size: 38px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.techCenter .list li font span{ font-weight: normal; font-size:14px;}
.techCenter .list li .p1{ font-size: 20px; color: #333;}
.techCenter .list li .p2{ font-size: 14px;color: #bbbaba; line-height: 150%; margin-top: 5px; text-indent: 25px;}
.techCenter .list .page{ text-align: left;}
.techCenter .list li:hover font{ color: #fff; background: #c40000; border-color: #c40000;}
.techCenter .list li:hover p{color: #c40000;}
.tips{ width: 287px;}
.tips h3{ color: #666; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.tips .showpic{ position: relative;}
.tips .showpic li{ width: 287px; height: 217px; position: relative;}
.tips .showpic li p{background: rgba(1,73,157,0.5); width: 100%; height: 45px; line-height: 45px; font-size: 14px; position: absolute;bottom: 0;left: 0; color: #fff; text-align: center;}
.tips .showpic li img{width: 287px; height: 217px;}
.showpic a.prev,.showpic a.next{ width: 41px; height: 41px; position: absolute; top: 50%; margin-top: -20.5px;}
.showpic a.prev{ background: url(../images/prev_ico1.png) no-repeat; left: 0;}
.showpic a.next{ background: url(../images/next_ico1.png) no-repeat; right: 0;}
.showpic a.prev:hover{ background: url(../images/prev_ico1_on.png) no-repeat;}
.showpic a.next:hover{ background: url(../images/next_ico1_on.png) no-repeat;}
.tips>div{ margin-bottom: 30px;}
.show2 a{display: inline-block; width: 90px; height: 37px; background: #ededed; line-height: 37px;text-align: center; font-size: 14px; color: #666;  margin-bottom: 10px; margin-right: 5px;}
.show2 a:hover{ color: #fff; background: #c40000;}
.show2>div{ width: 293px;}
.show3 .videoshow{ width: 287px; height: 162px;}
.videoshow1 .video-js .vjs-big-play-button{ background: url(../images/video_btn1.png) no-repeat; width: 47px ; height: 47px;top: 50% !important;left: 50% !important; margin-top: -23.5px; margin-left: -23.5px;}

.centerdetail h1{ font-size: 32px; color: #333; font-weight: normal;}
.centerdetail  .time{ color: #999; font-size: 14px; margin-top: 10px; padding-bottom: 19px; border-bottom: #e5e5e5 1px solid;}
.centerdetail .time span{ margin-right: 20px;}
.centerdetail .detail_txt{ padding-top: 30px;}
.detailpage{ margin-top: 40px; color: #999; font-size: 14px;}
.detailpage a{ color: #999;}
.detailpage a:hover{ color: #c40000;}

.contactWay{margin: 60px auto 120px; position: relative;height: 525px;}
#allmap{ width: 1200px; height: 525px; margin: 0 auto;}
.contactWay>div.contactTxt{    position: absolute;
    height: 358px;
    color: #fff;
    background: #000;
    padding: 25px;
    top: 60px;
    right: 60px;
    -webkit-box-shadow: rgba(0,0,0,0.1) -1px -1px 10px;
    border-radius: 2px;
    opacity: 0.7;}
.contactWay>div.contactTxt h4{ text-align: center; font-size: 24px;  text-align: center;padding-bottom: 15px; }
.contactTxt p{ font-size: 14px;}
.contactTxt ul{ padding-top: 20px;}
.contactTxt ul li{ font-size: 14px; margin-top: 20px;}
.contactTxt ul li img{ vertical-align: middle; margin-right: 10px;}

.contactWay1{margin: 60px auto 35px; position: relative;}
.jobTop{ height: 60px; background: #003d98; line-height: 60px; font-size: 18px; color: #fff; text-align: center;}
.jobTop span{ float: left;}
.jobName{ width: 390px; border-right: #5d82ba 1px solid;}
.jobNum{ width: 213px; border-right: #5d82ba 1px solid;}
.jobSalary{ width: 271px; border-right: #5d82ba 1px solid;}
.jobPost{ width: 323px;}
.joblist{ border: #e2e2e2 1px solid; border-bottom: none; margin-bottom: 40px;}
.joblist li .name span{ float: left; text-align: center; height: 68px; line-height: 68px} 
.joblist li .name .width1{width: 390px;}
.joblist li .name .width2{width: 213px;}
.joblist li .name .width3{width: 272px;}
.joblist li .name .width4{width: 323px; cursor: pointer;}
.joblist li .name{ background: #fafbfc;border-bottom: #e2e2e2 1px solid; font-size: 16px;}
.joblist li .intro{ padding: 24px 0 24px 140px; font-size: 14px; color: #999; line-height: 180%; display: none;border-bottom: #e2e2e2 1px solid;}
.joblist li .intro strong{ display: block; color: #333; font-size: 16px; margin-bottom: 5px;}
.joblist li.on .name .width4{ color: #999;}
.joblist li.on .intro{ display: block;}

.honorList{ margin: 60px auto 55px; width: 1180px;}
.honorList .swiper-slide a{ display: block; position: relative;}
.honorList .swiper-slide a span{ display: block;  width: 528px; height: 420px;  text-align: center; }
.honorList .swiper-slide a span img{ position: relative; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); border: #fff 10px solid;-webkit-box-shadow: rgba(0,0,0,0.15) 1px -1px 15px ;}
.honorList .swiper-slide p{ color: #333; font-size: 18px; text-align: center; margin-top: 20px; display: none; position: absolute; width: 100%; text-align: center;}
.honorList .swiper-container{ padding: 10px 0 42px;}
.honorList .swiper-slide.swiper-slide-active p{ display: block;}
.honorList .button-prev,.honorList .button-next{ position: absolute;     top: 167px; width: 73px; height: 73px; z-index: 10;}
.honorList .button-prev{ background: url(../images/prev_ico2.png) no-repeat; left: 279px;}
.honorList .button-next{ background: url(../images/next_ico2.png) no-repeat; right: 286px;}
.honorList .button-prev:hover{ background: url(../images/prev_ico2_on.png) no-repeat;}
.honorList .button-next:hover{ background: url(../images/next_ico2_on.png) no-repeat;}
.videoCenter{ width: 1200px; margin: 60px auto 75px;}
.videoCenter dl{ float: left; width: 350px; padding: 15px; background: #f6f6f6; transition: all 0.5s; margin-right: 30px; margin-bottom: 50px;}
.videoCenter dt img{width: 350px;  height: 233px;}
.videoCenter dt a{ display: block;position: relative;}
.videoCenter dt{ }
.videoCenter dt a::after{content: ''; width: 100%; height: 100%; background: url(../images/video_img10.png); position: absolute;left: 0; top: 0;}
.videoCenter dd .p1{ font-size: 18px; margin: 15px 0;}
.videoCenter dd .p2{ font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 14px;}
.videoCenter dd .p2 .img1,.videoCenter dl:hover dd .p2 .img2{ display: none;}
.videoCenter dd .p2  img{ vertical-align: middle; margin-right: 10px;}
.videoCenter dd .p2  span{ margin-right: 35px;}
.videoCenter dl:hover{background: #c40000;}
.videoCenter dl:hover p{ color: #fff;}
.videoCenter dl:hover .p2 .img1{ display: inline-block;}
.culture{ width: 1200px; margin: 70px auto 25px;}
.culture li{ margin-left: 15px; padding-left: 33px; position: relative; float: left; margin-top: 30px; margin-right: 50px; height: 96px;}
.culture li::after{ content: ''; width: 1px; height:96px; background: url(../images/line1.jpg) no-repeat; position: absolute;left: 0; top: 0;}
.culture li .p1{ font-size: 24px; font-weight: bold;}
.culture li .p2{ color: #666; font-size: 16px; margin-top: 10px;}
.newList{ width: 1200px; margin: 30px auto 50px;}
.newList li{ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.newList li a{ display: block; padding: 30px 20px;}
.newList li span{ width: 185px; height: 113px; border: #fff 4px solid; -webkit-box-shadow: rgba(0,0,0,0.1) 1px 1px 10px; float: left;}
.newList li span img{ width: 185px; height: 113px;}
.newList li .txt{ float: right; width: 940px;}
.newList li .txt .p1{font-size: 14px; color: #333; position: relative; line-height: 180%; font-weight: normal;}
.newList li .txt .p1 i{ display: block; position: absolute; right: 0;top: 0; font-size: 16px; color: #d9d5d5; font-weight: normal;}
.newList li .txt .p2{ font-size: 14px; color: #999; line-height: 180%; margin:0 0 5px; min-height: 50px;}
.newList li .txt .p3{ font-size: 14px; color: #999;}
.newList li:hover{-webkit-box-shadow: rgba(0,0,0,0.1) 1px 1px 10px; }
.newList li:hover .txt .p1,.newList li:hover .txt .p3{ color: #c40000;}
.newList li:hover .txt .p2{color: #666;}
.newtail{ margin: 60px auto 55px; width: 1200px}
.newtail .left_1{ width: 1200px;}
.newtail .right_1{ width: 1200px;}
.newtail  .detail_name{ background: #f3f3f3; border-bottom: none; padding-bottom: 15px;}
.newtail  .detail_name h1{ padding-top: 15px;}
.newtail .detail_name p{ margin-top: 0; line-height: 180%;}
.returnlist{ height: 97px; background: #f9f8f8; line-height: 97px; font-size: 16px; padding-left: 25px; }
.returnlist img{ margin-left: 10px; vertical-align: middle; position: relative; top: -2px;}
.returnlist .img2{ display: none;}
.returnlist a:hover .img1{ display: none;}
.returnlist a:hover .img2{ display: inline-block;}
.returnlist .share1{  display: inline-block; color: #999; font-size: 14px; margin-left: 40px;}
.returnlist .share1>div{ display: inline-block; vertical-align: middle;}
.returnlist a:hover{ color: #003d98;}
.listpage{ background: #f1f1f1;
    padding: 10px 15px;}
.listpage a{color: #333; display: block; }
.listpage   .p1{ font-size: 14px;}
.listpage   .p2{ font-size: 14px; margin-top: 10px;}
.listpage   .p3{ font-size: 16px; margin-top: 5px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.listpage a.a1{ }
.busiArea{ margin: 60px auto; width: 1200px;}
.listpage a:hover .p3{ text-decoration: underline;}
.busiArea dl{ height: 371px; overflow: hidden;}
.busiArea dt,.busiArea dd{ float: left;}
.busiArea dt{ width: 600px; height: 371px; overflow: hidden;}
.busiArea dt img,.busiArea dt a{ display: block; width: 600px; height: 371px; transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.busiArea dd{ background: #f6f6f6; padding: 65px 48px; width:504px; }
.busiArea dd .p1{ font-size: 28px; font-weight: bold;}
.busiArea dd .p2{ font-size: 14px; margin-top: 10px; line-height: 180%;}
.busiArea dd  a { display: block; width: 132px; height: 38px; background: #fff; line-height: 38px; margin-top: 31px; font-size: 14px; color: #1356a4; text-align: center; opacity: 0;}
.busiArea dd  a img{ vertical-align: middle; margin-left: 12px;}
.busiArea dl:hover dt img{ transform: scale(1.06);}
.busiArea dl:hover dd{ background: #1356a4; color: #fff;}
.busiArea dl:hover dd a{opacity: 1;}
.comment{ width: 1200px; margin: 55px auto 80px;}
.commentDiv>div{ float: left; height: 52px; border: #e9e9eb 1px solid; background: #f9f9f9; width: 384px; line-height: 52px; overflow: hidden; margin-right: 21px;}
.commentDiv>div span{ padding-left: 25px; font-size: 16px;    vertical-align: top;}
.commentDiv>div input{ width: 290px; height: 100%; border: none; vertical-align: top; background: none;}
.commentDiv>div i{ font-size: 20px; color: #e90c0c;    line-height: 62px;}
.commentDiv>div.email{ margin-right: 0;}
.commentDiv{ margin-bottom: 20px;}
.commentDiv1{padding-left: 25px;  padding-top: 22px; border: #e9e9eb 1px solid; background: #f9f9f9; font-size: 16px;   vertical-align: top;}
.commentDiv1 textarea{ vertical-align: top; width: 1080px;height: 120px; border: none; background: none;}
.commentDiv3{ text-align: center; margin-top: 40px; }
.commentDiv3 input{ width: 248px; height: 55px; font-size: 18px; margin: 0 5px; border: none; background: #eeeeee;}
.commentDiv3 input:hover{background:#c40000; color: #fff;}
.listnew li{ height: 50px; border-bottom: #eee 1px solid; }
.listnew li a{ display: block; position: relative; line-height: 50px;padding-left: 20px;font-size: 14px;}
.listnew li a::after{ content: ''; width:5px; height: 5px; background: #2c3d71; position: absolute; left: 0; top: 50%; margin-top: -2.5px;  }
.listnew li a span{ position: absolute; right: 0; top: 0; color: #999;}
.listnew li:hover a,.footNav a:hover{ color: #003d98;}
.listnew{ margin-bottom: 60px;}
.banPic li a{ display: block; width: 100%; height: 100%;}